<template>
	<view class="margin-bottom empty-box">
		<view class="icon" :style="'margin-top:' + top +'px'">
			<template v-if="type == 'notOrder'">
				<image src="@/static/image/empty/not_order.png" mode="widthFix"></image>
			</template>
			<template v-if="type == 'notLog'">
				<image src="@/static/image/empty/not_log.png" mode="widthFix"></image>
			</template>
			<template v-if="type == 'notData'">
				<image src="@/static/image/empty/not_data.png" mode="widthFix"></image>
			</template>
			<template v-if="type == 'notMessage'">
				<image src="@/static/image/empty/not_message.png" mode="widthFix"></image>
			</template>
		</view>
		<view class="text-center themeColor">{{text}}</view>
	</view>
</template>

<script>
	export default {
		props:{
			type: {
				type: String,
				default: 'notData',
			},
			text: {
				type: String,
				default: '暂无数据',
			},
			top: {
				type: [String,Number],
				default: '100',
			},
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="less" scoped>
.empty-box{
	width: 100% !important;
}
.icon{
	width: 70%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	image{
		width: 300upx;
	}
}
</style>
